<!DOCTYPE HTML>
<html>
<head>
    <meta name="renderer" content="webkit|ie-comp|ie-stand"/>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
    <title>碧叶之源</title>
<#--<meta name="keywords" content="关键词,5个左右,单个8汉字以内">-->
    <meta name="keywords" content="主页，碧叶之源"/>
<#--<meta name="description" content="网站描述，字数尽量空制在80个汉字，160个字符以内！">-->
    <meta name="description" content="欢迎进入碧叶之源！"/>


<#--妹子UI-->
    <link type="text/css" rel="stylesheet" href="/plugin/amaze/css/amazeui.min.css"/>
    <link type="text/css" rel="stylesheet" href="/plugin/amaze/css/amazeui.datatables.min.css"/>
    <link type="text/css" rel="stylesheet" href="/plugin/amaze/css/app.css">
    <#--ztree树容器-->
    <link rel="stylesheet" href="/plugin/ztree_v3/css/zTreeStyle/zTreeStyle.css" type="text/css">

<#--自己的样式-->
    <link type="text/css" rel="stylesheet" href="/css/ztree/main.css">
    <style type="text/css">

    </style>

</head>


<body>


<body data-type="widgets">

<div class="am-g tpl-g">
    <!-- 头部 -->
    <header>
        <!-- logo -->
        <div class="am-fl tpl-header-logo">
            <a href="javascript:window.location.href='/main/indexUrl.php';"><img src="/img/common/logo.png" alt=""></a>
        </div>


        <!-- 右侧内容 -->
        <div class="tpl-header-fluid">
            <!-- 侧边切换 -->
            <div class="am-fl tpl-header-switch-button am-icon-list">
                    <span>

                </span>
            </div>
            <!-- 搜索 -->
            <div class="am-fl tpl-header-search">
                <form class="tpl-header-search-form" action="javascript:;">
                    <button class="tpl-header-search-btn am-icon-search"></button>
                    <input class="tpl-header-search-box" type="text" placeholder="搜索内容...">
                </form>
            </div>



            <!-- 其它功能-->
            <div class="am-fr tpl-header-navbar">
                <ul>
                    <!-- 欢迎语 -->
                    <li class="am-text-sm tpl-header-navbar-welcome">
                        <a href="javascript:;">欢迎回来, <span>${user.logName!''}</span> </a>
                    </li>

                    <!-- 新邮件 -->
                    <li class="am-dropdown tpl-dropdown" data-am-dropdown>
                        <a href="javascript:;" class="am-dropdown-toggle tpl-dropdown-toggle" data-am-dropdown-toggle>
                            <i class="am-icon-envelope"></i>
                            <span class="am-badge am-badge-success am-round item-feed-badge">4</span>
                        </a>
                        <!-- 弹出列表 -->
                        <ul class="am-dropdown-content tpl-dropdown-content">
                            <li class="tpl-dropdown-menu-messages">
                                <a href="javascript:;" class="tpl-dropdown-menu-messages-item am-cf">
                                    <div class="menu-messages-ico">

                                        <img src="/plugin/amaze/img/user04.png" alt="">
                                    </div>
                                    <div class="menu-messages-time">
                                        3小时前
                                    </div>
                                    <div class="menu-messages-content">
                                        <div class="menu-messages-content-title">
                                            <i class="am-icon-circle-o am-text-success"></i>
                                            <span>夕风色</span>
                                        </div>
                                        <div class="am-text-truncate">
                                            你有三份待办需要处理，请速度审核
                                        </div>
                                        <div class="menu-messages-content-time">2016-09-21 下午 16:40</div>
                                    </div>
                                </a>
                            </li>

                            <li class="tpl-dropdown-menu-messages">
                                <a href="javascript:;" class="tpl-dropdown-menu-messages-item am-cf">
                                    <div class="menu-messages-ico">
                                        <img src="/plugin/amaze/img/user02.png" alt="">
                                    </div>
                                    <div class="menu-messages-time">
                                        5天前
                                    </div>
                                    <div class="menu-messages-content">
                                        <div class="menu-messages-content-title">
                                            <i class="am-icon-circle-o am-text-warning"></i>
                                            <span>禁言小张</span>
                                        </div>
                                        <div class="am-text-truncate"> 为了能最准确的传达所描述的问题， 建议你在反馈时附上演示，方便我们理解。</div>
                                        <div class="menu-messages-content-time">2016-09-16 上午 09:23</div>
                                    </div>
                                </a>
                            </li>
                            <li class="tpl-dropdown-menu-messages">
                                <a href="javascript:;" class="tpl-dropdown-menu-messages-item am-cf">
                                    <i class="am-icon-circle-o"></i> 进入列表…
                                </a>
                            </li>
                        </ul>
                    </li>

                    <!-- 新提示 -->
                    <li class="am-dropdown" data-am-dropdown>
                        <a href="javascript:;" class="am-dropdown-toggle" data-am-dropdown-toggle>
                            <i class="am-icon-bell"></i>
                            <span class="am-badge am-badge-warning am-round item-feed-badge">5</span>
                        </a>

                        <!-- 弹出列表 -->
                        <ul class="am-dropdown-content tpl-dropdown-content">
                            <li class="tpl-dropdown-menu-notifications">
                                <a href="javascript:;" class="tpl-dropdown-menu-notifications-item am-cf">
                                    <div class="tpl-dropdown-menu-notifications-title">
                                        <i class="am-icon-line-chart"></i>
                                        <span> 有6笔新的销售订单</span>
                                    </div>
                                    <div class="tpl-dropdown-menu-notifications-time">
                                        12分钟前
                                    </div>
                                </a>
                            </li>
                            <li class="tpl-dropdown-menu-notifications">
                                <a href="javascript:;" class="tpl-dropdown-menu-notifications-item am-cf">
                                    <div class="tpl-dropdown-menu-notifications-title">
                                        <i class="am-icon-star"></i>
                                        <span> 有3个来自人事部的消息</span>
                                    </div>
                                    <div class="tpl-dropdown-menu-notifications-time">
                                        30分钟前
                                    </div>
                                </a>
                            </li>
                            <li class="tpl-dropdown-menu-notifications">
                                <a href="javascript:;" class="tpl-dropdown-menu-notifications-item am-cf">
                                    <div class="tpl-dropdown-menu-notifications-title">
                                        <i class="am-icon-folder-o"></i>
                                        <span> 上午开会记录存档</span>
                                    </div>
                                    <div class="tpl-dropdown-menu-notifications-time">
                                        1天前
                                    </div>
                                </a>
                            </li>


                            <li class="tpl-dropdown-menu-notifications">
                                <a href="javascript:;" class="tpl-dropdown-menu-notifications-item am-cf">
                                    <i class="am-icon-bell"></i> 进入列表…
                                </a>
                            </li>
                        </ul>
                    </li>

                    <li>
                        <input type="hidden" id="laydateTest">
                    </li>
                    <!-- 退出 -->
                    <li class="am-text-sm">
                        <a href="/user/logout.php">
                            <span class="am-icon-sign-out"></span> 退出
                        </a>
                    </li>
                </ul>
            </div>
        </div>

    </header>










    <!-- 风格切换 -->
   <#-- <div class="tpl-skiner">
        <div class="tpl-skiner-toggle am-icon-cog">
        </div>
        <div class="tpl-skiner-content">
            <div class="tpl-skiner-content-title">
                选择主题
            </div>
            <div class="tpl-skiner-content-bar">
                <span class="skiner-color skiner-white" data-color="theme-white"></span>
                <span class="skiner-color skiner-black" data-color="theme-black"></span>
            </div>
        </div>
    </div>-->









    <!-- 侧边导航栏 -->
    <div class="left-sidebar">

        <#--ztree树容器, overflow 设置滚动条，设置了该属性，如果没设置宽高-->
        <ul id="treeContainer" class="ztree" style="overflow:auto;width:200px;height: 100%">

        </ul>
        <!-- 右键树 -->
        <p>
            <span>
                <!-- 右键菜单div -->
                <div id="rMenu" style="position: absolute;display: none; background-color: #E0ECF9;padding: 5px;margin: 5px;">
                    <ul>
                        <li id="m_add" class="rMentClass" onclick="rightTree('add')">新增子机构|部门</li>
                        <li id="m_add" class="rMentClass" onclick="rightTree('addFather')">新增父机构|部门</li>
                        <li id="m_del" class="rMentClass" onclick="rightTree('del')">删除</li>
                        <li id="m_upd" class="rMentClass" onclick="rightTree('upd')">修改</li>
                        <li id="m_upd" class="rMentClass" onclick="rightTree('unfold')">展开机构</li>
                        <li id="m_upd" class="rMentClass" onclick="rightTree('fold')">折叠机构</li>
                    </ul>
                </div>
            </span>
        </p>


            <div class="am-modal am-modal-alert" tabindex="-1" id="my-alert">
                <div class="am-modal-dialog">
                    <div class="am-modal-bd">
                        模态框的内容
                    </div>
                    <div class="am-modal-footer">
                        <span class="am-modal-btn">关闭</span>
                    </div>
                </div>
            </div>




    </div>


    <!-- 内容区域 -->
    <div class="tpl-content-wrapper">



        <div class="row-content am-cf">


            <div class="row">
                <div class="am-u-sm-12 am-u-md-12 am-u-lg-4">
                    <div class="widget am-cf">
                        <div class="widget-head am-cf">
                            <div class="widget-title am-fl">机构|部门详情</div>
                            <div class="widget-function am-fr">
                                <a href="javascript:;" class="am-icon-cog"></a>
                            </div>
                        </div>
                        <div class="widget-body  widget-body-lg am-fr">

                            <table width="100%" class="am-table am-table-compact tpl-table-black " id="example-r">
                                <thead>
                                <tr>
                                    <th colspan="2" rowspan="2" id="imgOrgView"></th>
                                    <th rowspan="2">机构名<input type="hidden" id="idOrgView"></th>
                                    <th rowspan="2" id="nameOrgView"></th>
                                </tr>
                                </thead>
                                <tr>
                                    <td>机构简称:</td>
                                    <td id="simpNameOrgView"></td>
                                    <td>英文简称:</td>
                                    <td id="enSimpNameOrgView"></td>
                                </tr>

                                <tr>
                                    <td>机构|部门属性:</td>
                                    <td id="isRootOrgView"></td>
                                    <td>隶属部门类型:</td>
                                    <td id="typeOrgView"></td>
                                </tr>

                                <tr>
                                    <td>英文名:</td>
                                    <td id="enNameOrgView"></td>
                                    <td>部门类型:</td>
                                    <td id="orgDepOrgView"></td>
                                </tr>

                                <tr>
                                    <td>隶属机构:</td>
                                    <td id="fatherNameOrgView"></td>
                                    <td>管辖机构:</td>
                                    <td id="fatherorgNameOrgView"></td>
                                </tr>
                                <tr>
                                    <td>行政级别:</td>
                                    <td id="levelAdministrativeOrgView"></td>
                                    <td>机构类型:</td>
                                    <td id="orgTypeOrgView"></td>
                                </tr>

                                <tr>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                </tr>
                                <tr>
                                    <td>是否保密机构:</td>
                                    <td id="isSecretOrgView"></td>
                                    <td>保密等级:</td>
                                    <td id="secretGradeOrgView"></td>
                                </tr>
                                <tr>
                                    <td>是否需要授权:</td>
                                    <td id="isAuthorizeOrgView"></td>
                                    <td>授权等级:</td>
                                    <td id="callGradeOrgView"></td>
                                </tr>

                                <tr>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                </tr>
                                <tr>
                                    <td>机构职责</td>
                                    <td colspan="3" id="responsibilityOrgView"></td>
                                </tr>
                                <tr>
                                    <td>成立时间:</td>
                                    <td id="createHumOrgView"></td>
                                    <td>联系地址:</td>
                                    <td id="addressOrgView"></td>
                                </tr>
                                <tr>
                                    <td>联系电话:</td>
                                    <td id="phoneOrgView"></td>
                                    <td>联系邮编:</td>
                                    <td id="zipCodeOrgView"></td>
                                </tr>
                                <tr>
                                    <td>备注</td>
                                    <td colspan="3" id="remarkOrgView"></td>
                                </tr>
                            </table>

                        </div>
                    </div>
                </div>




                <div class="am-u-sm-12 am-u-md-12 am-u-lg-4">
                    <div class="widget am-cf">
                        <div class="widget-head am-cf">
                            <div class="widget-title am-fl">岗位信息</div>

                            <div class="tpl-table-black-operation am-fr">
                                <a href="javascript:; " onclick="operationPostUrl('add', null)">
                                    <i class="am-icon-pencil" ></i> 新增岗位
                                </a>
                            </div>
                        </div>
                        <div class="widget-body  widget-body-lg am-fr">

                            <table width="100%" class="am-table am-table-compact tpl-table-black" style="text-align:center;">
                                <thead>
                                <tr>
                                    <td >名称</td>
                                    <td >是否领导职务</td>
                                    <td colspan="2" style="text-align:center;">
                                        操作
                                        <#--保存岗位被临时选中时存储的数据-->
                                        <input type="hidden" id="postCheckId">
                                    </td>
                                </tr>
                                </thead>
                                <#--展示分页数据-->
                                <tbody id="postData">
                                    <tr>
                                        <td colspan="3" style="text-align:center;">暂时数据</td>
                                    </tr>
                                </tbody>

                            </table>

                            <div style="width: 100%;text-align: center;">
                            <#--展示分页-->
                                <div id='postPage'></div>
                            </div>
                        </div>
                    </div>
                </div>



                <div class="am-u-sm-12 am-u-md-12 am-u-lg-4">
                    <div class="widget am-cf">
                        <div class="widget-head am-cf">
                            <div class="widget-title am-fl">用户</div>
                            <div class="tpl-table-black-operation am-fr">
                                <a href="javascript:; " onclick="addUsertUrl()">
                                    <i class="am-icon-pencil" ></i> 新增用户
                                </a>
                            </div>
                        </div>
                        <div class="widget-body  widget-body-lg am-fr">

                            <table width="100%" class="am-table am-table-compact am-table-bordered tpl-table-black " style="text-align:center;" id="example-u">
                                <thead>
                                <tr>
                                    <td></td>
                                    <td >姓名</td>
                                    <td >是否在职</td>
                                    <td >职业类型</td>
                                    <td colspan="2" >
                                        操作
                                    </td>
                                </tr>
                                </thead>
                            <#--展示分页数据-->
                                <tbody id="userData">
                                <tr>
                                    <td colspan="6" style="text-align:center;">暂时数据</td>
                                </tr>
                                </tbody>

                            </table>

                            <div style="width: 100%;text-align: center;">
                            <#--展示分页-->
                                <div id='userPage'></div>
                            </div>
                        </div>
                    </div>
                </div>



            </div>



          <#--  <div class="row">




            </div>-->




        </div>
    </div>
</div>
</div>








<#--JS 部分 -->
<script type="text/javascript" src="/js/common/jquery.min.js" ></script>
<script type="text/javascript" src="/js/common/base.js" ></script>
<#--可实现表单和文件一起上传的插件-->
<script type="text/javascript" src="/js/common/jquery-form.js"></script>
<#--妹子UI-->
<script type="text/javascript" src="/plugin/amaze/js/amazeui.min.js"></script>
<script type="text/javascript" src="/plugin/amaze/js/app.js"></script>
<script type="text/javascript" src="/plugin/amaze/js/theme.js"></script>
<#--ztree树js-->
<script type="text/javascript" src="/plugin/ztree_v3/js/jquery.ztree.all.js"></script>
<#--layer.js，只需要引入这个，css会自动引入-->
<script type="text/javascript" src="/plugin/layer-v3.1.1/layer.js"></script>
<#--laydate.js 时间组件-->
<script type="text/javascript" src="/plugin/laydate/laydate.js"></script>
<#--分页-->
<script type="text/javascript" src="/js/common/initPage.js"></script>

<#--自己的js-->
<script type="text/javascript" src="/js/ztree/main.js"></script>
<script type="text/javascript">

    /**
     * 从后端获取的节点数据
     */
    var zNodes = ${jsonStr!''}



</script>


</body>


</html>
